  <div class="judul-single">
    <div class="container">
      <div class="row">
        <div class="col-lg-10 col-lg-offset-1">
          <h1>Our Clients</h1>
        </div> 
      </div>
      <p class="garis-single"></p>
    </div>
  </div>
  <div class="bg-white-single">  
    <div class="container">
      <div id='page'>
        <div class="row">
          <div class="col-lg-10 col-lg-offset-1">
            <div class='demonstrations'>
            {foreach $results as $value}
              <a href='{base_url('foto_klien')}/{$value['gambar']}' class='fresco' data-fresco-group='example' data-fresco-caption="{$value['konten']}">
                <img src='{base_url('foto_klien/thumbs')}/{$value['gambar']}' alt='' height="130" width="225" />
                <p class="nama-client">{$value['nama_klien']}</p>
              </a>
            {/foreach}
            </div>

          </div>
        </div>

        <nav class="pull-right margintop20">
          <ul class="pagination">
            {$pagination}
          </ul>
        </nav>
            
        <div class="clearfix"></div>
      </div>        
                
    </div>
  <div class="clearfix"></div>
  </div>
